<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录日志</title>
    <link rel="stylesheet" href="../../../layui/css/layui.css">
</head>
<body style="background-color:#fff;">

<div class="layui-fluid">
    <!-- 展示登录日志 start -->
    <div class="layui-row">
        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;padding: 15px;">
            <legend>条件搜索</legend>
            <div>
                <form class="layui-form layui-form-pane" lay-filter="search-log" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <div class="layui-input-block">
                                <input type="text" name="name" autocomplete="off" placeholder="请输入日志关键词"
                                       class="layui-input" lay-verify="required">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="search-log">
                                <i class="layui-icon layui-icon-search"></i>
                                搜索
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </fieldset>


        <table class="layui-hide" id="logList" lay-filter="logList"></table>
    </div>
    <!-- 展示登录日志 end -->
</div>


<script src="../../../layui/layui.js"></script>
<script>
    layui.use(['jquery', 'table', 'form'], function () {
        var $ = layui.jquery; // 注册 jquery 组件
        var form = layui.form;// 注册 form 组件
        var table = layui.table;// 注册 table 组件

        //渲染登录日志表格
        table.render({
            elem: '#logList' //指定原始表格元素选择器（推荐id选择器）
            // 换成真实数据接口时要把 type=1(登录日志) 传回后台
            , url: '/hospital_management_system/json/manager/log/LoginLogList.json?type=1'
            , cellMinWidth: 80
            , cols: [[
                {field: 'id', title: '编号', sort: true, align: 'center'},
                {field: 'oprater', title: '操作人', width: 200, align: 'center'},
                {field: 'content', title: '内容', align: 'center'},
                {field: 'logDate', title: '时间', align: 'center'}
            ]] //设置表头
            , page: true //开启分页
            , request: {
                pageName: 'currentPage' //页码的参数名称，默认：page
                , limitName: 'everyPage' //每页数据量的参数名，默认：limit
            }
        });

        //搜索登录日志表单提交
        form.on('submit(search-log)', function (data) {
            console.log(data.elem); //被执行事件的元素DOM对象，一般为button对象
            console.log(data.form); //被执行提交的form对象，一般在存在form标签时才会返回
            console.log(data.field); //当前容器的全部表单字段，名值对形式：{name: value}
            //根据条件重新渲染表格
            table.reload('logList', {
                url: '/hospital_management_system/json/manager/log/LoginLogList.json'
                , where: {
                    "name": data.field.name,
                    "type": 1
                } //设定异步数据接口的额外参数
            });

            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });


    });
</script>
</body>
</html>
